<!--
Edgar Garibay Ruiz
is217618
11 de Septiembre 2011
Version 3

Formulario para registro de datos de cliente.
Validaciones de los campos en javascritp

-->


<html>	
	<head>
		<title>Registro de nuevo Cliente</title>
		<link rel="stylesheet" type="text/css" href="css/general.css">
		
		<script language="javascript">
		
			var invalidElements;
			
			function keyPress(){
				
				if (window.event.keyCode == 13){
					if(invalidElements.length > 0){
						invalidElements[0].focus()
						invalidElements.shift()
					}else{
						dataValidator();
					}
				}
				
			}
		
			function dataValidator(){
				//alert("click");
				invalidElements = new Array()
				
				var nombre = document.getElementById("nombre");
				var telefono = document.getElementById("telefono");
				var mail = document.getElementById("mail");
				
				var body = document.getElementById("body")
				
				
				
				var ok = true;
				
				if(!nombre.value.match(/^[a-zA-Z\s]+$/)){
					nombre.setAttribute("class","invalid");
					ok = false;
					invalidElements.push(nombre)
				}else{
					nombre.setAttribute("class","valid");
				}
				
				if(!telefono.value.match(/^(\s*\d+)(\s|(\x2D(\s*)(\d+)))*$/)){
					telefono.setAttribute("class","invalid");
					ok = false;
					invalidElements.push(telefono)
				}else{
					telefono.setAttribute("class","valid");
				}
				
				if(!mail.value.match(/^([a-zA-Z\x2D\x5F]|(\x2E(?!\x2E)))+\x40([a-zA-Z]|(\x2E(?!\x2E)))+[^\x2E]$/)){
					mail.setAttribute("class","invalid");
					ok = false;
					invalidElements.push(mail)
				}else{
					mail.setAttribute("class","valid");
				}
				
				if(ok){
					datos.submit();
					body.removeEventListener("keypress",keyPress,false);
				}else{
					body.addEventListener("keypress",keyPress,false)
					document.getElementById("errorMessage").setAttribute("class","req");
					
					invalidElements[0].focus();
					invalidElements.shift();
				}
			}		
		
		</script>

		
	</head>
	
	
	<body id="body">
		
		<div id=title>Datos del Cliente</div>
		<div id="clientList">Para entrar al sistema, ingresa los siguinetes datos</div>
		<div align=center>
			<form action="admin_client.php" method="post" name="datos" id="datos">
			<table>
				<tr>
					<td class="req">Nombre:</td><td><input type="text" id="nombre" name="nombre"/></td>
				</tr>
				<tr>
					<td class="req">Telefono:</td><td><input type="text" id="telefono" name="telefono"/></td>
				</tr>
				<tr>
					<td class="req">E-mail:</td><td><input type="text" id="mail" name="mail"/></td>
				</tr>				
				<tr><td colspan=2 align="center"><input type="button" value="Guardar" onClick="dataValidator()" ></td></tr>
				<tr><td colspan=2 align="center"><span id="errorMessage" style="color:#FFFFFF">* Algunos datos son incorrectos</span></td></tr>
			</table>					
			</form>
		</div>
		
	</body>
</html>